.head {
	background: #fff;
	padding-bottom: 20rpx;
}

.search {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 100rpx;
	overflow: hidden;
	.left-icon {
		height: 100%;
		padding: 0px $interval-min;
	}
	.icon-input {
		flex: 1;
		display: flex;
		align-items: center;
		height: 68rpx;
		background: #f7f7f7;
		border-radius: 35rpx;
		margin-right: $interval;
		border: 2rpx solid $color-primary;
		.icon {
			margin-left: 25rpx;
			margin-right: 18rpx;
		}
		input {
			flex: 1;
			color: $text-color;
		}
		.input {
			color: #a1a0a0;
		}
	}
}

.type-btn {
	display: flex;
	justify-content: center;
	margin-top: 18rpx;
	view {
		width: 160rpx;
		line-height: 64rpx;
		text-align: center;
		background: #f7f7f7;
		border-radius: 32rpx;
		font-size: $font-size-max;
	}
	view:nth-child(2) {
		margin: 0px 66rpx;
	}
	.active {
		background: #ecf8f8;
		color: $color-primary;
	}
}

.options{
	.active {
		background: #ecf8f8;
		color: $color-primary;
	}
}
.condition {
	margin-top: 20rpx;
	display: flex;
	align-items: center;
	padding: 0px $interval;
	position: relative;

	.c {
		margin-right: 11%;

		.title {
			height: 56rpx;
			display: flex;
			align-items: center;
			font-size: 28rpx;
			color: $text-color-grey;
			.checkTitle{

			}


		}.checkTitle{
			 color:#000000;
					 .triangle-down {
						 width: 0;
						 height: 0;
						 border-left: 10rpx solid transparent;
						 border-right: 10rpx solid transparent;
						 border-top: 9rpx solid #A1A0A0;
						 margin-left: 10rpx;
						 margin-top:12rpx ;
					 }.triangle-up {
						  width: 0;
						  height: 0;
						  border-left: 10rpx solid transparent;
						  border-right: 10rpx solid transparent;
						  border-bottom: 9rpx solid #A1A0A0;
						  margin-bottom:12rpx ;
						  margin-left: 10rpx;
					  }
					  .triangle-up-down{
						    border-bottom: 12rpx solid black;
					  }
		 }
	}
	.c.active {
		.title {
			/*color: $text-color;*/
			font-weight: bold;
		}
	}
	.c:nth-child(4) {
		margin-right: 0px;
	}
	.sieve {
		display: flex;
		align-items: center;
		padding-left: 45rpx;
		height: 56rpx;
		overflow: hidden;
		position: relative;
		&::after {
			position: absolute;
			left: 6rpx;
			top: 0px;
			width: 100%;
			height: 100%;
			content: '';
			z-index: 3;
			overflow: hidden;
			box-shadow: -4rpx 6px 6rpx rgba(0, 0, 0, 0.08);
		}
		text {
			font-size: 24rpx;
			color: #262626;
			margin-left: 10rpx;
		}
	}

	.module {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 60rpx;
		z-index: 3;
		background-color: #fff;
		box-shadow: 0px 10rpx 10rpx #ddd;
		border-bottom-left-radius: 20rpx;
		border-bottom-right-radius: 20rpx;
		.leibie {
			padding: 0px $interval $interval;
			.data {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding: $interval-min 0px;
				.item {
					width: 30%;
					line-height: 60rpx;
					border-radius: 30rpx;
					text-align: center;
					background: $bg-color;
					margin-bottom: $interval-min;
				}
			}
			.btns {
				border: 2rpx solid $color-primary;
				background-color: $color-primary;
				display: flex;
				line-height: 70rpx;
				overflow: hidden;
				border-radius: 35rpx;
				text-align: center;
				view {
					width: 50%;
				}
				view:first-child {
					color: $color-primary;
					background-color: #fff;
				}
				view:last-child {
					color: #fff;
				}
			}
		}
	}
}

.scroll-view {
	height: calc(100% - 290rpx);
	.product-data-list,.shop-list-data {
		padding: 0px 24rpx;
	}
	
}
.popup-module {
	background-color: #fff;
	border-top-left-radius: 20rpx;

	border-top-right-radius: 20rpx;
	padding-bottom: $interval;

	.title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		.name {
			font-size: $font-size-max + 2;
		}
		.close {
			padding: $interval;
		}
	}
	.content {
		max-height: 700rpx;
		overflow-y: auto;
		.data {
			padding: 0px $interval;
			margin-bottom: 40rpx;
			.t {
				font-weight: 600;
				font-size: $font-size-max;
			}
			.list {
				display: flex;
				flex-wrap: wrap;
				padding: $interval-min 0px;
				.item {
					width: 30%;
					line-height: 70rpx;
					border-radius: 35rpx;
					text-align: center;
					background: $bg-color;

					margin-bottom: $interval-min;
				}
				.item:nth-child(3n-1) {
					margin: 0px 5% $interval-min;
				}
				.active {
					background-color: $color-primary;
					color: #fff;
				}
			}
			.nums {
				display: flex;
				justify-content: center;
				margin-top: 20rpx;
				input {
					height: 72rpx;
					background: #f7f7f7;
					border-radius: 36rpx;
					text-align: center;
				}
				.input {
					color: #a1a0a0;
				}

				view {
					line-height: 72rpx;
					padding: 0px $interval;
				}
			}
		}
	}

	.btns {
		border: 2rpx solid $color-primary;
		background-color: $color-primary;
		display: flex;
		line-height: 70rpx;
		overflow: hidden;
		border-radius: 35rpx;
		text-align: center;
		margin: 0px $interval;
		view {
			width: 50%;
		}
		view:first-child {
			color: $color-primary;
			background-color: #fff;
		}
		view:last-child {
			color: #fff;
		}
	}
}
